<!DOCTYPE html>
<html lang="zh" xmlns:th=http://www.thymeleaf.org>
    <head>
        <meta charset="UTF-8">
        <title>${SYSTEM_NAME}用户注册验证码</title>
    </head>
    <body>
        <div style="background: white;
               width: 100%;      
               max-width: 800px;      
               margin: auto auto;      
               border-radius: 5px;      
               border:#27ae60 1px solid;
               overflow: hidden;      
               -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.12);      
               box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.18);">
            <div style="padding: 5px 20px; ">
                <p style=" position: relative;
                 color: white;      
                 float: left;      
                 z-index: 999;      
                 background: #27ae60;
                 padding: 10px 30px;
                 margin: 10px auto 0 ;
                 box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.30) ">
                    亲爱的新用户
                </p>
                <br>
                <center>
                    <h3>
                        来自 <span style=" text-decoration: none;color: #1abc9c;" th:text="${SYSTEM_NAME}"></span> 邮件提醒
                    </h3>
                    <p style="text-indent:2em;">
                        您收到这封电子邮件是因为您 (也可能是某人冒充您的名义) 在<a style=" text-decoration: none;color: #1abc9c "
                                                         target="_blank" th:href="${SYSTEM_URL}" rel="noopener">&nbsp;[[${SYSTEM_NAME}]]&nbsp;</a>上进行注册。假如这不是您本人所申请,
                        请不用理会这封电子邮件, 但是如果您持续收到这类的信件骚扰, 请您尽快联络管理员。
                    </p>
                    <div style="background: #fafafa repeating-linear-gradient(-45deg,#fff,#fff 1.125rem,transparent 1.125rem,transparent 2.25rem);box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);margin:20px 0px;padding:15px;border-radius:5px;font-size:14px;color:#555555;text-align: center; ">
                        请使用以下验证码完成后续注册流程：<br>
                        <span style=" color: #1abc9c;font-weight: bolder;font-size: 25px;" th:text="${CODE}"></span><br>
                        注意:请您在收到邮件5分钟内([[${EXPIRE_TIME}]]前)使用，否则该验证码将会失效。
                    </div>
                    &nbsp; &nbsp;

                    <br>
                    <div style=" text-align: center; ">
                        <a style="text-transform: uppercase;
                               text-decoration: none;      
                               font-size: 14px;      
                               background: #1abc9c;
                               color: #FFFFFF;      
                               padding: 10px;      
                               display: inline-block;      
                               border-radius: 5px;      
                               margin: 10px auto 0;"
                           target="_blank" th:href="${SYSTEM_URL}" rel="noopener" th:text="${SYSTEM_NAME}+'｜传送门🚪'"></a>
                    </div>
                    <p style="font-size: 12px;text-align: center;color: #999; ">
                        欢迎常来访问！<br>
                        © 2023 <a style="text-decoration:none; color:#1bc3fb " th:href="${SYSTEM_URL}" rel="noopener"
                                  target="_blank" th:text="${SYSTEM_NAME}"></a>
                    </p>
                    <p></p>
                </center>
            </div>
        </div>
    </body>
</html>